<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>v-线下商铺详情</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="">
<title>v</title>
<link href="../css/global.css" rel="stylesheet" type="text/css">
<link href="../css/v.css" rel="stylesheet" type="text/css">
<link href="../css/v-primary.css" rel="stylesheet" type="text/css">
<link href="../css/swiper.min.css" rel="stylesheet" type="text/css">
<style></style>
</head>

<body>
<div class="site-nav min-w">
	<div class="wrap clearfix">
		<div class="sn-info fr">
			<a href="javascript:void(0);" target="_blank">注册<span class="sn-line1">/</span>登录</a>
			<span class="sn-line">|</span>
			<a href="javascript:void(0);" target="_blank">我的订单</a>
			<a href="javascript:void(0);" target="_blank">我的收藏</a>
			<a href="javascript:void(0);" target="_blank">线下门店</a>
			<a href="javascript:void(0);" target="_blank">站内公告</a>
			<a href="javascript:void(0);" target="_blank">商家后台</a>
		</div>
	</div>
</div>
<div class="header min-w">
	<div class="wrap">
		<h1 class="logo"><img src="../images/logo.png">v+</h1>
		<div class="search-warp">
			<div class="search-form">
				<input type="text" class="search-text" placeholder="羽绒服">
				<button class="v-btn search-button">搜索</button>
				<p class="hot-search">
					<label class="search-label">热门搜索：</label>
					<a href="javascript:void(0);" target="_blank">免烫衬衫</a>
					<a href="javascript:void(0);" target="_blank">羽绒99元</a>
					<a href="javascript:void(0);" target="_blank">长款羽绒</a>
					<a href="javascript:void(0);" target="_blank">保暖内衣</a>
					<a href="javascript:void(0);" target="_blank">我的订单</a>
				</p>
			</div>
			<div class="shopping-cart">
				<a class="cart-span" href="javascript:;"><em class="v-icon cart-icon"></em>我的购物车<span class="cart-num">9</span></a>
				<div class="dropdown-wrap">
					<h2 class="cart-tit">最近加入的商品</h2>
					<div class="cart-con">
						<ul class="cart-ul">
							<li>
								<a href="javascropt:void(0);" class="cart-goods-link">
									<img src="#" class="cart-goods-img">
									<div class="cart-goods">
										<h3 class="cart-goods-name">阿玛尼EA正品男装男士亚麻休闲休闲</h3>
										<div class="cart-goods-info"><span>颜色：灰色</span><span>尺码：s</span></div>
										<span class="cart-goods-price"><strong>￥1699.00</strong> X </span>1<span></span>
										<span class="cart-del">删除</span>
									</div>
								</a>
							</li>
							<li>
								<a href="javascropt:void(0);" class="cart-goods-link">
									<img src="#" class="cart-goods-img">
									<div class="cart-goods">
										<h3 class="cart-goods-name">阿玛尼EA正品男装男士亚麻休闲休闲</h3>
										<div class="cart-goods-info"><span>颜色：灰色</span><span>尺码：s</span></div>
										<span class="cart-goods-price"><strong>￥1699.00</strong> X <span>1</span></span>
										<span class="cart-del">删除</span>
									</div>
								</a>
							</li>
							<li>
								<a href="javascropt:void(0);" class="cart-goods-link">
									<img src="#" class="cart-goods-img">
									<div class="cart-goods">
										<h3 class="cart-goods-name">阿玛尼EA正品男装男士亚麻休闲休闲</h3>
										<div class="cart-goods-info"><span>颜色：灰色</span><span>尺码：s</span></div>
										<span class="cart-goods-price"><strong>￥1699.00</strong> X <span>1</span></span>
										<span class="cart-del">删除</span>
									</div>
								</a>
							</li>
							<li>
								<a href="javascropt:void(0);" class="cart-goods-link">
									<img src="#" class="cart-goods-img">
									<div class="cart-goods">
										<h3 class="cart-goods-name">阿玛尼EA正品男装男士亚麻休闲休闲</h3>
										<div class="cart-goods-info"><span>颜色：灰色</span><span>尺码：s</span></div>
										<span class="cart-goods-price"><strong>￥1699.00</strong> X <span>1</span></span>
										<span class="cart-del">删除</span>
									</div>
								</a>
							</li>
						</ul>
					</div>
					<div class="cart-count">
						<p>共<strong>6</strong>件商品</p>
						<p>共计<strong>￥5261.00</strong></p>
						<button class="v-btn cart-btn">去购物车查看</button>
					</div>
				</div>
		   </div>
		</div>
	</div>
</div>
<div class="home-nav min-w">
	<div class="wrap">
    	<div class="home-nav-item">
        	<a href="javascript:void(0);" class="home-nav-a home-index">首页<em class="v-icon nav-arr-top"></em></a>
        </div>
		<div class="home-nav-item">
            <a href="javascript:void(0);" class="home-nav-a cur">上衣<em class="v-icon nav-arr-top"></em></a>
            <div class="home-nav-dropdown">
                <a href="javascript:void(0);">上衣</a>
                <a href="javascript:void(0);">上衣</a>
                <a href="javascript:void(0);">上衣</a>
                <a href="javascript:void(0);">上衣</a>
            </div>
        </div>
        <div class="home-nav-item">
            <a href="javascript:void(0);" class="home-nav-a">裤子<em class="v-icon nav-arr-top"></em></a>
            <div class="home-nav-dropdown">
                <a href="javascript:void(0);">裤子</a>
                <a href="javascript:void(0);">裤子</a>
                <a href="javascript:void(0);">裤子</a>
                <a href="javascript:void(0);">裤子</a>
                <a href="javascript:void(0);">裤子</a>
                <a href="javascript:void(0);">裤子</a>
            </div>
        </div>
        <div class="home-nav-item">
            <a href="javascript:void(0);" class="home-nav-a">鞋子<em class="v-icon nav-arr-top"></em></a>
            <div class="home-nav-dropdown">
                <a href="javascript:void(0);">鞋子</a>
                <a href="javascript:void(0);">鞋子</a>
                <a href="javascript:void(0);">鞋子</a>
            </div>
        </div>
        <div class="home-nav-item">
            <a href="javascript:void(0);" class="home-nav-a">配饰<em class="v-icon nav-arr-top"></em></a>
            <div class="home-nav-dropdown">
                <a href="javascript:void(0);">配饰</a>
                <a href="javascript:void(0);">配饰</a>
                <a href="javascript:void(0);">上衣</a>
                <a href="javascript:void(0);">上衣</a>
            </div>
        </div>
	</div>
</div>
<div class="content min-w">
	<div class="crumb-nav wrap">
        <a href="javascript:void(0);">首页</a>
        <span class="crumb-arr">&gt;</span>
        <a href="javascript:void(0);">上衣</a>
        <span class="crumb-arr">&gt;</span>
        <a href="javascript:void(0);">西装</a>
	</div>
	<div class="banner-shop swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="../images/banner-test1.jpg" alt=""></div>
            <div class="swiper-slide"><img src="../images/banner-test2.jpg" alt=""></div>
            <div class="swiper-slide"><img src="../images/banner-test3.jpg" alt=""></div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Navigation -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
	<div class="wrap clearfix">
        <div class="shop-detial clearfix">
        	<div class="shop-addr fl">
            	<h2 class="shop-name">万达店</h2>
            	<div class="shop-info">
                	<p>营业时间：9:00-23:00</p>
                    <p>联系电话：010-123456</p>
                    <p>地址：北京市朝阳区东三环北路超级单车电采暖</p>
                </div>
                <!-- 下一行代码中的 style="background:#eee;" 这个样式为了让开发人员看到地图区域，请开发人员做的时候把这个样式去掉，谢谢！-->
                <div class="shop-map" style="background:#eee;">此处为地图</div>
            </div>
            <div class="shop-goods fr">
            	<h2 class="shop-h2"><span></span>商品橱窗</h2>
            	<ul class="goods-list clearfix">
            		<li>
						<div class="goods-txt">
							<img src="#">
							<p class="goods-desp">FoRdoo</p>
							<h2 class="goods-name">男装男士修身短款西装外套</h2>
							<span class="goods-price">¥489.00</span>
						</div>
						<a href="javascript:;" class="goods-link"></a>
					</li>
					<li>
						<div class="goods-txt">
							<img src="#">
							<p class="goods-desp">FoRdoo</p>
							<h2 class="goods-name">男装男士修身短款西装外套</h2>
							<span class="goods-price">¥489.00</span>
						</div>
						<a href="javascript:;" class="goods-link"></a>
					</li>
					<li>
						<div class="goods-txt">
							<img src="#">
							<p class="goods-desp">FoRdoo</p>
							<h2 class="goods-name">男装男士修身短款西装外套</h2>
							<span class="goods-price">¥489.00</span>
						</div>
						<a href="javascript:;" class="goods-link"></a>
					</li>
					<li>
						<div class="goods-txt">
							<img src="#">
							<p class="goods-desp">FoRdoo</p>
							<h2 class="goods-name">男装男士修身短款西装外套</h2>
							<span class="goods-price">¥489.00</span>
						</div>
						<a href="javascript:;" class="goods-link"></a>
					</li>
					<li>
						<div class="goods-txt">
							<img src="#">
							<p class="goods-desp">FoRdoo</p>
							<h2 class="goods-name">男装男士修身短款西装外套</h2>
							<span class="goods-price">¥489.00</span>
						</div>
						<a href="javascript:;" class="goods-link"></a>
					</li>
					<li>
						<div class="goods-txt">
							<img src="#">
							<p class="goods-desp">FoRdoo</p>
							<h2 class="goods-name">男装男士修身短款西装外套</h2>
							<span class="goods-price">¥489.00</span>
						</div>
						<a href="javascript:;" class="goods-link"></a>
					</li>
					<li>
						<div class="goods-txt">
							<img src="#">
							<p class="goods-desp">FoRdoo</p>
							<h2 class="goods-name">男装男士修身短款西装外套</h2>
							<span class="goods-price">¥489.00</span>
						</div>
						<a href="javascript:;" class="goods-link"></a>
					</li>
					<li>
						<div class="goods-txt">
							<img src="#">
							<p class="goods-desp">FoRdoo</p>
							<h2 class="goods-name">男装男士修身短款西装外套</h2>
							<span class="goods-price">¥489.00</span>
						</div>
						<a href="javascript:;" class="goods-link"></a>
					</li>
            	</ul>
            	<div class="goods-pagination">
	                <a class="goods-prev disabled" href="javascript:;"><em>&lt;</em>上一页</a>
	                <a href="javascript:;" target="_parent" class="cur">1</a>
	                <a href="javascript:;" target="_parent">2</a>
	                <b class="goods-pn-break">...</b>
	                <a href="javascript:;" target="_parent">8</a>
	                <a href="javascript:;" target="_parent">9</a>
	                <a class="goods-next" href="javascript:;">下一页<em>&gt;</em></a>
	                <div class="pagination-skip">
	                    向第<input type="text" class="page-no">页<button class="v-btn page-turn">跳转</button>
	                </div>
	        	</div>
            </div>
        </div>
    </div>
</div>
<div class="right-service">
        <ul>
            <li class="service-cart">
                <em class="v-icon cart-i"><span class="cart-num">9</span></em>
               	<p class="service-desp">查看购物车</p>
            </li>        
            <li class="service-app">
                <em class="v-icon app-i"></em>
                <p class="service-desp">下载app</p>
                 <div class="app-con">
                    <img src="../images/v-qr.jpg">
                    <p>扫描二维码</p>
                    <p>下载V+手机客户端</p>
                    <em class="v-icon app-arr"></em>
                 </div>
            </li>
            <li class="to-top">
                <em class="v-icon top-i"></em>
                <p class="service-desp">返回顶部</p>
            </li>
        </ul>
</div>
<!-- jQuery -->
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
<script src="../js/common.js"></script>
<!-- Swiper JS -->
<script src="../js/swiper.jquery.min.js"></script>
<!-- Initialize Swiper -->
<script src="../js/v-shop-detail.js"></script>
</body>
</html>
